<template>
	<view class="scroll">
		<scroll-view class="list-scroll" scroll-y enable-flex="true" @scrolltolower="loadMore">
			<view>
				<slot></slot>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			loadMore(e) {
				this.$emit('loadMore')
			}
		}
	}
</script>

<style lang="scss">
	.scroll {
		touch-action: none;
		// display: flex;
		// flex-direction: column;
		// flex: 1;
		// height: 750rpx;
		// height: 100vh;
		// height: 100vh;
		height: 100%;
		// overflow: hidden;
		box-sizing: border-box;
		// border: 1px solid black;
		// background-color: black;
		.list-scroll {
			// background-color: black;
			// overflow: hidden;
			height: 100%;
			// display: flex;
			// flex-direction: column;
		}
	}
</style>
